{include file="account/common/head"}
<style>
    .comment-list .comment {
        margin: 0;
    }
</style>
<script>
    document.title = "我的收藏 | {:config('system.base.title')} "
</script>>
<div class="layout clearfix">
    <span class="layui-breadcrumb">
        <a href="{:url('/index/index/index')}">首页</a>
        <a><cite>我的收藏</cite></a>
    </span>
    <div class="navbar">
        <div class="data layui-tab">
            <ul class="layui-tab-title">
                <li class=""><a href="{:url('/index/account/article')}">主题</a></li>
                <li class=""><a href="{:url('/index/account/comment')}">评论</a></li>
                <li class="layui-this"><a href="{:url('/index/account/collect')}">收藏</a></li>
                <li class=""><a href="{:url('/index/account/follow')}">关注</a></li>
            </ul>

            <ul class="collect-list">
                {if count($collectList.list) == 0}
                <p class="no-data">什么也没有~</p>
                {/if}
                {volist name="collectList.list" id="item"}
                <li>
                    <a href="{:url('index/article/index' , ['art_id' => $item.id])}">
                        <div class="art-box">
                            <p class="t-title layui-font-black layui-font-16">{$item.title}</p>
                            <div class="art-info">
                                <p>
                                    <span class="author layui-font-blue layui-font-15">{$item.username}</span>
                                    <span class="layui-font-gray layui-font-12">{$item.create_time}</span>
                                </p>
                                <p>
                                    <i class="layui-icon-eye layui-icon layui-font-12">&nbsp;{$item.heat}</i>
                                    <i
                                        class="layui-icon-dialogue layui-icon layui-font-12">&nbsp;{$item.commentCount}</i>
                                    <i class="layui-icon-heart layui-icon layui-font-12">&nbsp;{$item.collectCount}</i>
                                </p>
                            </div>
                        </div>
                    </a>
                </li>
                {/volist}

            </ul>
            <div class="paginate">
                {$page|raw}

            </div>

        </div>
    </div>
</div>
{include file="common/bottom"}